$(document).ready(function() {
	$("#btnHide").click(function() {
		$("p").hide(1000);
	})
	$("#btnShow").click(function() {
		$("p").show(500);
	})
	$("#btnFadeIn").click(function() {
		$("#div1").fadeIn();
		$("#div2").fadeIn("slow");
		$("#div3").fadeIn(3000);
	})
	$("#btnFadeOut").click(function() {
		$("#div1").fadeOut();
		$("#div2").fadeOut("slow");
		$("#div3").fadeOut(3000,function(){
			alert("结束");
		});
	})
	$("#btnToggle").click(function() {
		$("p").toggle(300);
		$("#div1").fadeToggle(500);
		$("#div2").fadeToggle(500);
		$("#div3").fadeToggle(500);
	})
	$("#btnAnim").click(function() {
		let div = $("#animdiv")
		div.animate({
			left: '100px'
		}, 1000);
		div.animate({
			height: '300px',
			opacity: '0.4'
		}, "slow");
		div.animate({
			width: '300px',
			opacity: '0.8'
		}, "slow");
		div.animate({
			height: '100px',
			opacity: '0.4'
		}, "slow");
		div.animate({
			width: '100px',
			opacity: '0.8'
		}, "slow");
	})
	
	$("#btnChain").click(function(){
		$("p").css("color","red").slideUp(2000).slideDown(2000);
	})
})
